<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首都医科大学附属小学</title>
		<meta name="description" content="首都医科大学附属小学（原右安门第一小学），学校地处南二环，西邻丽泽商务区，东临北京南站，位于开阳里社区中心。" />
		<meta name="keywords" content="右安门一小 右安门 首都医科大学附属小学 北京 一小  右安门 和文化 教育" /><meta name="author" content="say"/>
		<link rel="shortcut icon" href="../../static/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../../static/font/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/css/style.css"/>
		<link rel="stylesheet" href="../../static/css/video.css" />
		<link rel="stylesheet" type="text/css" href="../../static/css/theme-cyan.css"/>
		<script type="text/javascript" src="../../static/js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript" src="../../static/js/main.js" ></script>
		<script type="text/javascript" src="../../static/js/jquery.jplayer.min.js" ></script>
	</head>
	<body>
		<div class="header header-t">
			<div class="user-div">
				<img src="../../static/images/user2.jpg"/>
			</div>
			<div class="header-con">
				<h2>首医附小教师空间</h2>
				<div class=" user-msg">
					<a href="#">
						<span id="">
							李彩优
						</span>
					</a>
					<div class="fenshu">
						<a href="#">
							登录次数：<span>12</span>
						</a>
						<a href="#">
							登录时长：<span>123小时</span>
						</a>
					</div>
					<div class="clear"></div>
					<div class="header-navbar">
						<ul>
							<li class="active"><a href="#">个人中心</a></li>
							<li><a href="#">和雅教师</a></li>
							<li><a href="#">我的试题</a></li>
							<li><a href="#">我的微课</a></li>
							<li><a href="#">图书借阅</a></li>
							<li><a href="#">学生成绩分析</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="point-div">
				<ul>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-bell"></i>
							<span id="">
								11
							</span>
						</a>
						<span id="">
							消息
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-commenting"></i>
							<span id="">
								23
							</span>
						</a>
						<span id="">
							评论
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-heart"></i>
						</a>
						<span id="">
							收藏
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-power-off"></i>
						</a>
						<span id="">
							退出
						</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="containter">
			<div class="sider">
				<div class="con-div sider-div">
					<div class="sider-top">
						个人中心
					</div>
					<div class="sider-con zhandian">
						<ul>
							<li><a href="#"><i class="icon icon-dangan "></i>个人成绩</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>课堂评价</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>课下评价</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>参与活动</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>个人作品</a></li>
							<li class="actived"><a href="#"><i class="icon icon-dangan "></i>获奖信息</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>体质数据</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="content content-lg">
				<div class="main-div con-div">
					<div class="main-top">
						<ul class="tab-btn">
							<li class="top-seclect"><a href="#">微课学习</a></li>
						</ul>
					</div>
					<div class=" con-list">
						<div class="con-pro">
							<h2 class="col-sm-12 center" style="text-align: center;">《毛泽东思想》</h2>
						</div>
						<div id="jp_container_1" class="jp-video jp-video-360p">
							
								<!--container in which our video will be played-->
								<div id="jquery_jplayer_1" class="jp-jplayer"></div>
								
								<!--main containers for our controls-->
								<div class="jp-gui">
								    <div class="jp-interface">
								        <div class="jp-controls-holder">
								
											<!--play and pause buttons-->
										    <a href="javascript:;" class="jp-play" tabindex="1">play</a>
										    <a href="javascript:;" class="jp-pause" tabindex="1">pause</a>
										    <span class="separator sep-1"></span>
										 
											<!--progress bar-->
										    <div class="jp-progress">
										        <div class="jp-seek-bar">
													<div class="jp-play-bar"><span></span></div>
												</div>
										    </div>
										 
										    <!--time notifications-->
										    <div class="jp-current-time"></div>
										    <span class="time-sep">/</span>
										    <div class="jp-duration"></div>
										    <span class="separator sep-2"></span>
										 
										    <!--mute / unmute toggle-->
										    <a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a>
										    <a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a>
										 
										    <!--volume bar-->
										    <div class="jp-volume-bar">
										        <div class="jp-volume-bar-value"><span class="handle"></span></div>
										    </div>
										    <span class="separator sep-2"></span>
										 
										    <!--full screen toggle-->
										    <a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a>
										    <a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a>
										
								        </div><!--end jp-controls-holder-->
								    </div><!--end jp-interface-->
								</div><!--end jp-gui-->
								
								<!--unsupported message-->
								<div class="jp-no-solution">
								    <span>Update Required</span>
								    Here's a message which will appear if the video isn't supported. A Flash alternative can be used here if you fancy it.
								</div>
							
							</div><!--end jp_container_1-->
						<div class="detail-list ">
							<div  class="d-detail">
								<a href="#"><i class="icon-read"></i>阅读（1212）</a>
								<a href="#"><i class="icon-praise"></i>点赞（133）</a>
								<a href="#" class="comment"><i class="icon-comment"></i>评论（11）</a>
								<a href="#"><i class="icon-collect"></i>收藏（20）</a>
								<span class="pub-right">3个月前发布</span>
							</div>
						</div>
						<div class="pro-list">
							<ul class="pro-tab">
								<li class="tabactive"><a href="#">内容概括</a></li>
								<div class="clear"></div>
							</ul>
							<div class="pro-con">
								<div class="introword" style="padding:10px 20px;line-height: 24px;">
									毛泽东思想是由毛泽东倡导并在二十世纪中国革命中大范围实践的一种政治、军事、发展理论，一般认为其为马列主义在中国的发展。中国共产党认可毛泽东思想是其取得新民主主义革命...
								</div>	
							</div>
						</div>
						<div class="pro-list">
							<ul class="pro-tab">
								<li class="tabactive"><a href="#">在学学生</a></li>
								<div class="clear"></div>
							</ul>
							<div class="pro-con">
								<ul class="user-list">
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#" class="looker-img">
											<img src="../../static/images/lao.jpg" title="李梦"/>
										</a>
									</li>
									<li>
										<a href="#">
											<span id="shenglue">
											...
										</span>
											<p style="display: none;">共有32位好友学习中</p>
										</a>
									</li>
									<div class="clear">
										
									</div>
								</ul>	
							</div>
						</div>
						<div class="pro-list">
							<ul class="pro-tab">
								<li class="tabactive"><a href="#">评论列表</a></li>
								<div class="clear"></div>
							</ul>
							<div class="pro-con">
								<div class='review'>
									<div class='single-text text-r'>
										<textarea rows='4' placeholder='评论:'>评论：</textarea>
										<button class='btn btn-striped btn-r'>评论</button>
										<div class='clearright'></div>
									</div>
								</div>
								<div class="pingjia-content">
									<img src="../../static/images/lao.jpg"/>
									<div class="pingjia-right">
										<span id="pingjia-user">
											用户名：<img src="../../static/images/att.png" title="首医大附小认证老师" class="att-id"/>
										</span>
										
										<span id="pingjia-con">
											这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，
										这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，
										</span>
									</div>
									<div class="ping-btm">
										<div class="pingjia-time">
												2017.01.12  18:15
											</div>
										<ul class="pingjia-r">
											<li ><a href="#" class="comment"><i class="icon icon-comment"></i>&nbsp;回复<span>12</span></a></li>
											<li class="zan"><a href="#"><i class="icon icon-praise"></i>&nbsp;点赞<span>22</span></a></li>
										</ul>
									</div>
									<div class="clear"></div>
								</div>
								<div class="pingjia-content ping-erji">
								<img src="../../static/images/lao.jpg"/>
									<div class="pingjia-right">
										<span id="pingjia-user">
											用户名：
										</span>
										<span id="pingjia-con">
											这里是一段发表的微探内容，里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，
										</span>
									</div>
									<div class="ping-btm">
										<div class="pingjia-time">
												2017.01.12  18:15
											</div>
										<ul class="pingjia-r">
											<li ><a href="#" class="comment"><i class="icon icon-comment"></i>&nbsp;回复<span>12</span></a></li>
											<li class="zan"><a href="#"><i class="icon icon-praise"></i>&nbsp;点赞<span>22</span></a></li>
										</ul>
									</div>
									<div class="clear"></div>
								</div>
								<div class="pingjia-content ping-erji">
								<img src="../../static/images/lao.jpg"/>
									<div class="pingjia-right">
										<span id="pingjia-user">
											用户名：
										</span>
										<span id="pingjia-con">
											这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，
										</span>
									</div>
									<div class="ping-btm">
										<div class="pingjia-time">
												2017.01.12  18:15
											</div>
										<ul class="pingjia-r">
											<li ><a href="#" class="comment"><i class="icon icon-comment"></i>&nbsp;回复<span>12</span></a></li>
											<li class="zan"><a href="#"><i class="icon icon-praise"></i>&nbsp;点赞<span>22</span></a></li>
										</ul>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
						<div class="pro-fixed">
							<h4 class="pro-title">评论列表</h4>
							<div class="pingjia-content ">
								<img src="../../static/images/lao.jpg"/>
								<div class="pingjia-right">
									<span id="pingjia-user">
										用户名：
									</span>
									<span id="pingjia-con">
										这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，
									</span>
								</div>
								<div class="ping-btm">
									<div class="pingjia-time">
											2017.01.12  18:15
										</div>
									<ul class="pingjia-r">
										<li ><a href="#" ><i class="icon icon-comment"></i>&nbsp;回复<span>12</span></a></li>
										<li class="zan"><a href="#"><i class="icon icon-praise"></i>&nbsp;点赞<span>22</span></a></li>
									</ul>
								</div>
								<div class="clear"></div>
							</div>
							<div class="pingjia-content">
								<img src="../../static/images/lao.jpg"/>
								<div class="pingjia-right">
									<span id="pingjia-user">
										用户名：
									</span>
									<span id="pingjia-con">
										这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，这里是一段发表的微探内容，
									</span>
								</div>
								<div class="ping-btm">
									<div class="pingjia-time">
											2017.01.12  18:15
										</div>
									<ul class="pingjia-r">
										<li ><a href="#"><i class="icon icon-comment"></i>&nbsp;回复<span>12</span></a></li>
										<li class="zan"><a href="#"><i class="icon icon-praise"></i>&nbsp;点赞<span>22</span></a></li>
									</ul>
								</div>
								<div class="clear"></div>
							</div>
							<div class="pro-con">
								<div class=" review ">
									<div class="single-text text-r">
										<textarea placeholder="评论：" ></textarea>
										<button class="btn btn-striped btn-r">评论</button>
									</div>
									<div class="clearright"></div>
								</div>
								
							</div>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		<div class="clear"></div>
		</div>
		<div class="footer"> 
			<p>© 2015-2016 DHHC 版权所有</p>
		  	<p>版权号</p>
		</div>
		<script type="text/javascript">
			$(document).ready(function(){
			 
			    $("#jquery_jplayer_1").jPlayer({
			        ready: function () {
			            $(this).jPlayer("setMedia", {
			                m4v: "../mi4.m4v",
			                ogv: "../mi4.ogv",
			                webmv: "../mi4.webm",
			                poster: "../../static/images/video/mi4.png"
			            });
			        },
			        swfPath: "js",
			        supplied: "webmv, ogv, m4v",
			        size: {
			            width: "620px",
			            height: "400px",
			            cssClass: "jp-video-360p"
			        }
			    });
			});
			
		</script>
	<!--	<script type="text/javascript" src="../../static/js/jquery.select.js"></script>-->
	</body>
</html>
